<template>
	<view class="content">
		<text class="title">发布学习任务</text>
		<view class="all">
			<view class="lssued">
				<img src="/static/lingdang.png" alt="">
				<text class="text1">发布通知</text>
				<text class="text2">讯息快速下发</text>
			</view>
			<view class="awards" @click="clickFun">
				<img src="/static/shu.png" alt="">
				<text class="text1">奖励星</text>
				<text class="text2">颁发奖励</text>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			clickFun () {
			   uni.navigateTo({
			   	url: "../wx-invite/wx-invite"
			   })
			 }
		}
	}
</script>

<style>
	/* 内容页 */
.content {
	height: 400rpx;
	background-color: white;
}
/* 标题 */
.title {
	height: 80rpx;
	line-height: 80rpx;
	font-weight: 800;
	margin-left: 30rpx;
}
/* 发布奖励区 */
.all {
	display: flex;
	justify-content: space-around;
}
img {
	width: 80rpx;
	height: 80rpx;
	position: absolute;
	top: 20rpx;
	left: 20rpx;
}
.lssued {
	width: 300rpx;
	height: 120rpx;
	border: solid 1rpx #e1e1e1;
	border-radius: 10rpx !important;
	box-shadow: 0 10rpx 10rpx rgba(0, 0, 0, 0.1);
	position: relative;
}
.awards {
	width: 300rpx;
	height: 120rpx;
	border: solid 1rpx #e1e1e1;
	border-radius: 10rpx !important;
	box-shadow: 0 10rpx 10rpx rgba(0, 0, 0, 0.1);
	position: relative;
}
.text1 {
	position: absolute;
	left: 120rpx;
	top: 12rpx;
	font-weight: 800;
	font-size: 28rpx;
}
.text2 {
	position: absolute;
	top: 55rpx;
	left: 120rpx;
	color: #777777;
	font-size: 24rpx
}
</style>
